#video {
	display: flex;
	flex-direction: column;
	#main {
		position: relative;
		height: 1px;
		flex-grow: 1;
		background-color: #000;
		color: #fff;
		video {
			width: 100%;
			height: 100%;
		}
		h1 {
			position: absolute;
			bottom: 80px;
			left: 20px;
			font-size: 50px;
			margin: 20px 0;
		}
		p {
			position: absolute;
			bottom: 60px;
			left: 20px;
		}
	}
	#btns {
		display: flex;
		justify-content: space-around;
		height: 80px;
		i {
			font-size: 30px;
			line-height: 80px;
		}
	}
	#progress {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0%;
		z-index: -1;
		height: 80px;
		background-color: #4294ff;
	}
	#mask {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(29, 149, 205, 0.9);
		display: none;
		padding: 30px 20px;
		p {
			color: #fff;
			font-size: 26px;
		}
	}
	#btnBox {
		position: fixed;
		left: 0;
		top: 50%;
		width: 100%;
		// display: flex;
		justify-content: space-around;
		display: none;
		div {
			padding-top: 40px;
		}
		#continue {
			width: 150px;
			height: 150px;
			border-radius: 50%;
			background-color: #79f0c2;
			text-align: center;
			color: #fff;
			font-size: 20px;
		}
		#end {
			width: 150px;
			height: 150px;
			border-radius: 50%;
			background-color: #ff6060;
			text-align: center;
			color: #fff;
			font-size: 20px;
		}
		i {
			display: block;
			font-size: 40px;
		}
	}
}
